<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet/less" href="../css/reset.less">
    <link rel="stylesheet/less" href="../css/common.less">
    <link rel="stylesheet/less" href="./index.less">
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="search">
            <img src="images/search.png" alt="">
            <input type="text" placeholder="搜索内容">
        </div>
    </header>

    <main>
        <div class="item">
            <div class="left">
                <img src="./images/pic1.png" alt="">
            </div>
            <div class="right">
                <h6>包子的美食店铺</h6>
                <div class="first info">
                    <div class="left">
                        <img src="./images/icon1.png" alt="">
                        <span>美食</span>
                    </div>
                    <div class="right">
                        <img src="./images/icon2.png" alt="">
                        <span>2.2km</span>
                    </div>
                </div>
                <div class="second info">
                    <div class="left">
                        起送价￥15元
                    </div>
                    <div class="right">
                        月售：454521
                    </div>
                </div>
                <div class="third info">
                    <div class="left">
                        配送费￥2元
                    </div>
                </div>
                <div class="coupon">
                    <div>优惠卷满20减10元</div>
                    <div>优惠卷满30减15元</div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="left">
                <img src="./images/pic2.png" alt="">
            </div>
            <div class="right">
                <h6>包子的美食店铺</h6>
                <div class="first info">
                    <div class="left">
                        <img src="./images/icon1.png" alt="">
                        <span>美食</span>
                    </div>
                    <div class="right">
                        <img src="./images/icon2.png" alt="">
                        <span>2.2km</span>
                    </div>
                </div>
                <div class="second info">
                    <div class="left">
                        起送价￥15元
                    </div>
                    <div class="right">
                        月售：454521
                    </div>
                </div>
                <div class="third info">
                    <div class="left">
                        配送费￥2元
                    </div>
                </div>
                <div class="coupon">
                    <div>优惠卷满20减10元</div>
                    <div>优惠卷满30减15元</div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="left">
                <img src="./images/pic1.png" alt="">
            </div>
            <div class="right">
                <h6>包子的美食店铺</h6>
                <div class="first info">
                    <div class="left">
                        <img src="./images/icon1.png" alt="">
                        <span>美食</span>
                    </div>
                    <div class="right">
                        <img src="./images/icon2.png" alt="">
                        <span>2.2km</span>
                    </div>
                </div>
                <div class="second info">
                    <div class="left">
                        起送价￥15元
                    </div>
                    <div class="right">
                        月售：454521
                    </div>
                </div>
                <div class="third info">
                    <div class="left">
                        配送费￥2元
                    </div>
                </div>
                <div class="coupon">
                    <div>优惠卷满20减10元</div>
                    <div>优惠卷满30减15元</div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="left">
                <img src="./images/pic2.png" alt="">
            </div>
            <div class="right">
                <h6>包子的美食店铺</h6>
                <div class="first info">
                    <div class="left">
                        <img src="./images/icon1.png" alt="">
                        <span>美食</span>
                    </div>
                    <div class="right">
                        <img src="./images/icon2.png" alt="">
                        <span>2.2km</span>
                    </div>
                </div>
                <div class="second info">
                    <div class="left">
                        起送价￥15元
                    </div>
                    <div class="right">
                        月售：454521
                    </div>
                </div>
                <div class="third info">
                    <div class="left">
                        配送费￥2元
                    </div>
                </div>
                <div class="coupon">
                    <div>优惠卷满20减10元</div>
                    <div>优惠卷满30减15元</div>
                </div>
            </div>
        </div>
    </main>

    <!-- 底部导航 -->
    <footer>
        <nav>
            <ul>
                <li>
                    <a href="../index.html">
                        <img src="../images/_home.png" alt="">
                        <p>主页</p>
                    </a>
                </li>
                <li>
                    <a href="./shop/">
                        <!-- <img src="../images/_shop.png" alt=""> -->
                        <img src="../images/shop.png" alt="">
                        <p>店铺</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../images/_order.png" alt="">
                        <p>订单</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../images/_mine.png" alt="">
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </nav>
    </footer>
</body>
<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script src="../js/common.js"></script>
<script src="../js/less-4.1.3.js"></script>
</html>